<template>
  <vue-tab current="banner"></vue-tab>
  <table  class="table table-bordered table-hover text-justify">
    <caption></caption>
    <thead>
        <tr>
          <td class="col-sm-3"><label>*开始时间：</label></td>
          <td class="col-sm-9">
            <vue-date-picker
              :time.sync="startTime"
              :option="datePickerOption">
            </vue-date-picker>
          </td>
        </tr>
        <tr>
          <td><label>*结束时间：</label></td>
          <td>
            <vue-date-picker
              :time.sync="endTime"
              :option="datePickerOption">
            </vue-date-picker>
          </td>
        </tr>
        <tr>
          <td><label>*滚动条内容</label></td>
          <td >
            <textarea class="form-control" rows="4" v-model="desc" rows="5"></textarea>
          </td>
        </tr>
    </thead>
  </table>
  <div class="text-center">
    <button class="btn btn-sm btn-primary text-center" @click="submit">提交</button>
  </div>
</template>
<style src="./config-banner.css" scoped></style>
<script src="./config-banner.js"></script>